/*
 * App Global CSS
 * ----------------------------------------------------------------------------
 * Put style rules here that you want to apply globally. These styles are for
 * the entire app and not just one component. Additionally, this file can be
 * used as an entry point to import other CSS/Sass files to be included in the
 * output CSS.
 * For more information on global stylesheets, visit the documentation:
 * https://ionicframework.com/docs/layout/global-stylesheets
 */

/* Core CSS required for Ionic components to work properly */
@import "~@ionic/angular/css/core.css";

/* Basic CSS for apps built with Ionic */
@import "~@ionic/angular/css/normalize.css";
@import "~@ionic/angular/css/structure.css";
@import "~@ionic/angular/css/typography.css";
@import '~@ionic/angular/css/display.css';

/* Optional CSS utils that can be commented out */
@import "~@ionic/angular/css/padding.css";
@import "~@ionic/angular/css/float-elements.css";
@import "~@ionic/angular/css/text-alignment.css";
@import "~@ionic/angular/css/text-transformation.css";
@import "~@ionic/angular/css/flex-utils.css";

// 自定义颜色
.ion-color-white {
    --ion-color-base: var(--ion-color-white);
}
.ion-color-favorite {
    --ion-color-base: var(--ion-color-favorite);
}
.ion-color-bgbottom {
    --ion-color-base: var(--ion-color-bgbottom);
}
.ion-color-onbottom {
    --ion-color-base: var(--ion-color-onbottom);
}


.toast-bottom{
  opacity:0.5 !important;
}


  .refresher-ios .refresher-pulling-text, .refresher-ios .refresher-refreshing-text,.refresher-refreshing-icon,ion-spinner{color: #999 !important;}
  ion-refresher{height: 80px;}



input[type=checkbox] {
    -webkit-appearance: none;
    border: none;
    border-radius: 0px;
}


/*自定义的全局css样式*/
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
    color: #7886B0;
  }
  ion-header{padding-top: 3rem;}
  h1, h2, h3, h4, h5, h6{font-weight: normal;}
  html{
    font-size: 62.5%;    // 浏览器的默认字体大小是16px          16*62.5%=10px
  }
  a{text-decoration: none;}
  body{
    font-size: 1.5rem;
    --ion-background-color: #040F22;
  }
  img{display: block;}
  .clearfix{  
    &::after{
      display: block;
      content: "";
      height: 0px;
      clear: both;
    }
  }

  i{font-style: initial;}
  

  ul,ol{
    list-style-type: none;
  }

  .toast-wrapper{
    background: var(--background);
  }
  .toast-message{text-align: center !important; }

  // 自定义
  .df_ja{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .df_a{
    display: flex;
    align-items: center;
  }
  .p_bm5{
    padding-bottom: 5rem;
  }
  .m_bm5{
    margin-bottom: 5rem;
  }


// 轮播小提示点样式
.slide2{
  .swiper-pagination-bullet {
      background: #fff;opacity: 0.8;
      height: 2px;
      width: 20px;
      border-radius: 0;
  }

  .swiper-pagination-bullet-active {
      background: #3579D5;
  }
}

// 边框底条为20
.bot-border{
  padding-bottom: 2rem;
  border-bottom: 1rem solid #FAFAFA;
}

// 密码输入框
.password-inp{
  position: fixed;bottom: 0;top: 0;left: 0;right: 0;background-color: rgba($color: #000000, $alpha: 0.5);z-index: 100;
  .pass-h{
      position: absolute;
      bottom: 0;
      width: 100%;
      background: #fff;
      .pass-head{
          padding: 1.5rem;
          border: 1px solid #fafafa;
          display: flex;
          justify-content: space-between;
          align-items: center;
          h3{font-size: 1.6rem;}
          ion-icon{
              font-size: 2rem;color: #999;
              visibility: hidden;
          }
          .block{visibility: initial;}
      }
      code-input{
        font-size: 1.6rem;
        padding: 10% 1rem 20%;
      }
  }
}

// 暂无数据
.nodate{
  font-size: 1.4rem;
  width: 100%;
  text-align: center;
  
}
.none{
  padding: 2rem 0;width: 100%;text-align: center;font-size: 1.5rem;
}

.w90{width: 92%;margin-left: 4%;}
.w94{width: 94%;margin-left: 3%;}
.w96{width: 96%;margin-left: 2%;}

.nobold{
  font-weight: normal;
  color: #333;
}

// 去除点击高亮默认样式
input{border:none;outline:medium;background: none;color:#fff;}


// 数据加载完毕
.overdata{
  text-align: center;
  margin: 2rem 0;
  font-size: 1.3rem;
  color: #999;
}

// 输入框字颜色
input::-webkit-input-placeholder {
color: #7886B0;
}
input::-moz-input-placeholder {
color: #7886B0;
}
input::-ms-input-placeholder {
color: #7886B0;
}

// 头部文字标题
.head_tit_h3{
  text-align: center;
  color: #fff;
  font-size: 1.7rem;
  line-height: 4.4rem;
  font-weight: bold;
  border-bottom: 1px solid #0b1a34;
  background-color: #040F22;
}


/* 登录页面和注册页面 */
.login{
    // 头部
    .login_header{
        position: relative;overflow: hidden;
        img{
            float: right;
            width: 50%;max-width: 22.4rem;
            // width: 22.4rem;
        }
        .go_register{position:absolute;right:2rem;top: 4.5rem;}
        .login_text{
            position: absolute;bottom: 3rem;left: 4%;
            h3{color: #fff;font-size: 5.2rem;line-height: 7rem;}
            h4{
                color: #fff;font-size: 3.8rem;line-height: 4rem;
                i{color: #17E2E4;}
            }
            p{color: #7886B0;font-size: 1.5rem;margin-top:2rem;}
        }
    }
    // 登录
    .hxy_login ul{
        display: block;padding:0 10%;
        li{
            width: 100%;border-bottom: 1px solid #22305B;display: flex;margin-top: 3.8rem;
              padding-bottom: 1rem;align-items: center;
            img{width: auto;height: 2.8rem;margin-right: 2rem;}

            input{flex:auto;min-width: 8rem;font-size: 1.5rem;}
            //     ion-input {
            //       --background: none;
            //       --color: #ffffff;
            //       --padding-bottom: 0;
            //       --padding-end: 0;
            //       --padding-start: 0;
            //       --padding-top: 0;
            //       --placeholder-color: #7886B0;
            //       --placeholder-font-style: initial;
            //       line-height: 2.8rem;
            //   }
            span{border: 1px solid #17E2E4;color:#17E2E4;border-radius: .4rem;width: 8em;font-size: 1.4rem;
            line-height: 2.8rem;text-align: center;box-sizing: border-box;flex-wrap: nowrap;}
        }
    }
    
    .protocol{
        color: #7886B0;font-size: 1.2rem;padding: 0 10%;margin-top: 2rem;
        #mycheckBox{
            height: 2rem;width: 2rem;display: inline-block;margin-right: .8rem; vertical-align: middle;position: relative;
            .pa_check{position: absolute;left: 0;top: 0;height: 100%;width: 100%;
                background: url(assets/img/y2.png) no-repeat left top;background-size: 100% 100%;}
            .mytestcheck{background:url(assets/img/y1.png) no-repeat left top;background-size: 100% 100%;}
        }
        span{
            vertical-align: middle;
            i{color: #17E2E4;}
        }
        ion-checkbox{width: 100%;height: 100%;opacity: 0;}
        
    }
}

.button{width: 80%;display: block;height: 5rem;margin: 4rem auto 2.5rem;padding: 0;
line-height: 5rem;background: #22305b;border: 0;border-radius: .4rem;color: #7886B0;font-size: 2rem;}

.buttons{background-color:#17E2E4 ;background-image: linear-gradient(77deg, #17E2E4, #00B1F2);color: #fff;border-radius: .4rem;font-size: 1.7rem;
box-shadow: 0px 1px 3px rgba(23, 226, 228, 0.3);}

.buttonp{padding: .8rem 3rem;}

// 协议----------------------
.protocol_img{padding: 2rem 5% 5rem;}

//首页样式
.red{color: #D30000;font-size: 1.2rem;}

// 标题样式
.h_title{
  margin: 1rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  span{
    padding-left: 1.4rem;font-size: 1.7rem;line-height: 2rem;position: relative;font-weight:bold;
    &::before{
      background-color: #17E2E4;
      height: 100%;
      width: 4px;
      border-radius: 20px;
      content: "";
      top: 0px;
      left: 0;
      position: absolute;
    }
  }
  .s_span{font-weight: none;font-size: 1.4rem;}
  
  .more{
      font-size: 1.4rem;
      display: flex;
      align-items: center;
      line-height:2rem;
      color: #7886B0;
      font-weight: normal;
  }
  .s_more{
    font-size: 1.3rem;
    background-color: #22305B;
    padding: .6rem .5rem .6rem 2.6rem;
    border-radius: 2rem 0 0 2rem;
  }
}
.logo_img{width: 8.4rem;display: block;margin: 1.2rem auto;}

// 矿池------------------------------------------------------------------tab3
.pool_bg{
  background-color: #22305B;
  padding: 2rem 1rem 2rem;
  margin-bottom: .5rem;
  border-radius: .4rem;

  .pool_one{
      position: relative;
      padding-bottom: .1rem;
      margin-bottom: 1.5rem;
      h3{
          img{width: 3rem;display: inline-block;vertical-align: middle;padding-right: .5rem;}
          span{color: #17E2E4;font-size: 2.4rem;;vertical-align: middle;}
          margin-bottom: 1.4rem;
      }
      p{font-size: 1.3rem;margin-bottom: .8rem;}
      .wallet{
          position: absolute;
          right: -1rem;
          bottom: 2rem;
          width: 16.4rem;
      }
  }
  
  .po_ul{
      background-color: #040F22;
      padding: 1.4rem 1rem 0;
      border-radius: .4rem;
      li{
          img{width: 1.5rem;margin-right: 1rem;}
          span,p{color: #7886B0;font-size: 1.2rem;}
          padding-bottom: 1.4rem;
          margin-bottom: 1.4rem;
          border-bottom: 1px solid #22305B;
          &:nth-last-child(1){
              border: 0;
              // padding-bottom: 0;
              margin-bottom: 0;
          }
      }
  }

  .po2_ul{
      // flex: 1;
      li{width: 23%;border: 1px solid #17E2E4;color: #17E2E4;;border-radius: .4rem;box-sizing: border-box;text-align: center;padding: .4rem 0;}
  }

  .pool_bot{
      i{color: #fff;}
      padding-bottom: 1rem;
      border-bottom: 1px solid #040F22;
  }
  .po3_ul{
      li{
          text-align: center;
          margin-top: 1rem;
          font-size: 1.4rem;
      }
  }
  
}

// 弹出框自定义背景透明
.ion-color-darks {
  --ion-color-base: var(--ion-color-darks);
  --ion-color-base-rgb: var(--ion-color-darks-rgb);
  --ion-color-contrast: var(--ion-color-darks-contrast);
  --ion-color-contrast-rgb: var(--ion-color-darks-contrast-rgb);
  --ion-color-shade: var(--ion-color-darks-shade);
  --ion-color-tint: var(--ion-color-darks-tint);
}


// 列表  兼修改信息页
.mylistinfo{
  margin-top: 1rem;
  padding: 0;
  overflow: hidden;
  border-radius: 0.6rem;
  ul{
      li{
          padding:0 1.5rem;
          height: 6rem;
          line-height: 6rem;
          display: flex;
          justify-content: space-between;
          align-items: center;
          .t-right,.t-left{
              display: flex;
              align-items: center;
              font-size: 1.4rem;
              span{margin-right: 0.6rem;}
              ion-icon{font-size: 1.6rem;}
              img{width: 4rem;margin-right: 1rem;}
              .imgtx{
                width: 4rem;
                height: 4rem;
                border-radius: 50%;
              }
              
          }
          &:nth-last-child(1){
              border: 0;
          }
          .t-right{
              .ci{
                  display: block;
                  height: 2.4rem;
                  line-height: 2.2rem;
                  color: #17E2E4;
                  border: 1px solid #17E2E4;
                  font-size: 1.3rem;
                  padding: 0 1rem;
                  border-radius: 2rem;
              }
          }
      }
  }
}  


// 切换的样式sidel  
.fixed_box{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}


// 明细交易时间的列表
.deal_list{
  ul{
      li{ 
          margin: 0 auto;
          display: flex;
          justify-content: space-between;
          padding: 1rem 1.5rem;
          margin-top: .5rem;
          // box-shadow: 0 0 4px #dcdcdc;
          // border-radius: .5rem;
          .d-left{
              display: flex;
              justify-content: space-between;
              flex-direction: column;
              h3{font-size: 1.5rem;margin-bottom: .5rem;text-align: left;font-weight: normal;color: #fff;}
              p{  
                  font-size: 1.4rem;
                  text-align: left;
                  img{width: 1.6rem;display: inline-block;vertical-align: middle;}
                  span{vertical-align: middle;padding-left: 1rem;font-size: 1.4rem;}
                  .times{
                    color: #ccc;
                    font-size: 1.3rem;
                  }
              }
              
          }
          .d-right{
              display: flex;
              justify-content: space-between;
              flex-direction: column;
              font-size: 1.3rem;
              p{font-size: 1.3rem;color: #ccc;}
              .hasimg{
                text-align: right;
                font-size: 1.4rem;
                color: #666;
                img{width: 1.4rem;display: inline-block;vertical-align: middle;}
                span{vertical-align: middle;padding-right: .5rem;}
              }
              span{text-align: right;}
          }
      }
  }
}















